草庐IT

Bootstrap 按钮(Button)插件

全部标签

javascript - 如何使用 leaflet js 插件弹出和悬停?

我正在使用drupal传单模块,并希望在单击时弹出一个窗口,然后在悬停时将鼠标悬停在Angular落中。目前我有弹出窗口工作但无法添加鼠标悬停。我读到的所有地方都在说您可以使用geoJson对象向功能添加鼠标悬停,但看起来我无法通过此模块使用它访问该对象。这是我的Js代码。(function($){Drupal.behaviors.maps={attach:function(context,settings){//AddlegendstoeachleafletmapinstanceinDrupal'ssettingsarray$(settings.leaflet).each(funct

javascript - 用于 Bootstrap 的 Jquery 折叠和展开插件

我一直在使用Bootstrapcollapse在我的网站上。有没有我可以在我的bootstrap站点中使用的jquery,它可以像这样工作。示例我有一个评论区。示例评论将是这样的。Loremipsumdolorsitamet,consecteturadipiscingelit.Phasellussitametsuscipitmagna.Sednislipsum,tempusquistinciduntnon,molestieegettortor.Sedscelerisquemagnaarcu,nonhendreritloremvehiculaut.Vestibulumvulputatee

javascript - Angularjs datepicker popup bootstrap-ui 在 View 中不起作用

我是一个angularjs和bootstrapui新手!我的日期选择器弹出窗口在我包含的View中不起作用。如果它在View之外,它会起作用。即如此处所示任何帮助将不胜感激。但是,因为我使用的是ngRoute方法,所以我需要在部分html中编写我的View并包含在主index.html中。内联日历不显示,弹出日历也不显示。我无法找出问题所在,但我认为date-picker.html无法引用我的index.html中的脚本和样式。我在日期选择器hmtl中还有其他包含的Pane,它引用了index.html中的脚本和css。任何帮助将不胜感激。下面是代码:**index.html**Som

javascript - Bootstrap optgroup 选择

我正在使用bootstrapselectplugin使用bootstrap3.0.2,它满足了我的大部分要求。我想要的唯一附加功能是能够通过单击选择一个optgroup。例如,我想像选择其他选项一样选择野餐(下图),Bootsrapselectpage 最佳答案 这与Bootstrap关系不大。HTML中的optgroup不是为选择而设计的。我的建议是将它们放在一起,让它们成为普通的option类,并以不同的方式设置它们的样式。但是请记住,许多浏览器都限制了您如何设置options的样式,因此请确保您在多个浏览器中对此进行测试。

javascript - 火狐插件 : How to override native js function

我正在尝试使用pageMod在页面加载时运行脚本:但我看不到它的效果vardata=require("sdk/self").data;varattachTo=require("sdk/content/mod").attachTo;varpageMod=require("sdk/page-mod");pageMod.PageMod({include:"*",contentScriptWhen:"start",allow:true,attachTo:["existing","top"],contentScriptFile:[data.url("jquery-2.1.1.min.js"),d

javascript - 单击后悬停状态卡在按钮上

我有一个具有两种状态的表单:编辑和可见。当您单击一个图标来编辑表单时,底部的两个按钮(类似于提交)会出现以保存或取消。当我单击它们时,表单会更新(或取消)并且按钮会消失。问题是当我重新打开表单进行编辑(并且按钮再次可见)时,最后一次单击仍然在Chrome中应用了悬停状态。SaveCancel为简单起见,这里只是取消函数...$scope.cancel=function(){//setaflagforangulartohide/showeditingmodeinHTML$scope.editMode=false;}; 最佳答案 如之前

javascript - Bootstrap Typeahead 不显示 valueKey 以相同值开头的建议

我正在使用typeaheadv0.11.1来显示结果,但它没有显示以相同结果开头的结果。我从数据库中得到的结果是这样的:Object{Id:4,Title:"projectmanager",Description:"projectmanager",CompanyId:1}Object{Id:6,Title:"SoftwareDeveloper",Description:"SoftwareDeveloper",CompanyId:1}Object{Id:7,Title:".NETDeveloper",Description:".NETDeveloper",CompanyId:1}Obje

javascript - jQuery 插件开发如何保持变量和方法私有(private)

出于练习目的,我正在创建一个jQuery插件,一个简单的图像slider。我使用来自Boilerplate-jQueryPlugins的模式.在初始化过程中,一切都按预期工作,每个实例都获得设置所需的正确值(宽度和高度,以及事件绑定(bind))。当我尝试将计算出的幻灯片宽度传递给执行动画的函数(单击下一步按钮)时,问题就开始了。我尝试保存的每个值都被最后一个实例覆盖-好的,据我所知,这就是原型(prototype)继承的作用。我在google上搜索了很多并在stockoverflow上找到了(不仅是)这个解决方案:globalorlocalvariablesinajquery-plu

javascript - 网站上的 WhatsApp 共享按钮。检测 WhatsApp 是否存在的简单方法?

我正在我的网站上添加WhatsApp共享按钮,当用户设备上不存在(不支持)WhatsApp功能时,我想隐藏此按钮。有简单的方法吗?或者有什么办法吗?我找到了http://whatsapp-sharing.com,但它对我来说有一些缺点。-不支持自定义按钮/图标-看起来它只检测Android和IO(WindowsPhone怎么样?)-难以维护更大的元素我正在寻找一些JS/jQuery或CSSonly(mediaqueries?)解决方案,但目前没有成功。任何建议都会有所帮助,谢谢。 最佳答案 DEMO试试这个$(document).r

javascript - 将引导模式滚动到底部时启用按钮

我想强制用户阅读模式内的所有协议(protocol)。这个想法很简单,如果他们不滚动到文本的最后一行。该按钮仍然禁用。但是该按钮未启用。这是我的代码:Javascript:$('#agreement').scroll(function(){if($(this).scrollTop()==$(this)[0].scrollHeight-$(this).height()){$('#closeBtn').removeAttr('disabled');}});至于更清晰的图片。我将代码放在js中:http://jsfiddle.net/h3WDq/1129/这是@BG101的更新版本。当我滚动